<div th:fragment="otherLooks">
    <div class="wonderful-top">
        <div class="wonderful-top-title">其他看点</div>
        <a href="https://www.hasbei.com/zx/detail/202006201274270831538737152">
            <!-- <th:block th:if="${vo.imgsCount>1000}">
                 <div class="wonderful-item-line">
                     <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                     <div class="allsee-item-right" th:text="${vo.title}"></div>
                 </div>
             </th:block> -->

            <div class="wonderful-item-style">
                <div class="wonderful-item-icon"><span></span></div>
                <div class="wonderful-text">喝咖啡能够预防蛀牙</div>
            </div>

        </a><a href="https://www.hasbei.com/zx/detail/202007041279379202042368000">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">骨性龅牙矫正过程与适应症</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202008131293748800380342272">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">缓解看牙前紧张的3个小妙招！</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202007021278362895452868608">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">常用补牙材料的优缺点</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202007021278397585945661440">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">只用一侧牙齿嚼食物？当心这些危害！</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202007021278372943914733568">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">种植牙手术的种类与术后注意事项</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202007021278381450923741184">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">宝宝出牙时，父母应该怎么做？</div>
        </div>

    </a><a href="https://www.hasbei.com/zx/detail/202008051290832540072022016">
        <!-- <th:block th:if="${vo.imgsCount>1000}">
             <div class="wonderful-item-line">
                 <div class="allsee-item-left"><img th:src="${vo.showImgs[0]}" th:alt="'有贝口腔网'+${vo.title}"></div>
                 <div class="allsee-item-right" th:text="${vo.title}"></div>
             </div>
         </th:block> -->

        <div class="wonderful-item-style">
            <div class="wonderful-item-icon"><span></span></div>
            <div class="wonderful-text">正畸矫正器的几种类型</div>
        </div>

    </a>
    </div>
</div>

<!--问答数据-->
<div th:fragment="everyoneAsk">

    <span th:each="vos,recount:${when}">

        <div class="wonderful-ansewer-list">

                <div class="ansewer-list-item">

                    <span th:if="${recount.index+1} le 3">

                        <span class="pink-bg" >[[${recount.count}]]</span>

                    </span>

                    <span th:if="${recount.index+1} gt 3">

                        <span>[[${recount.count}]]</span>

                    </span>

                    <div>
                        <a target="_blank" class="ansewer-list-title" href="#" th:href="@{issue?number={number}(number=${vos.number})}" th:text="${vos.question}"></a>
                        <div class="ansewer-list-info">
                            <a target="_blank" href="#" th:href="@{issue?number={number}(number=${vos.number})}">
                                <!-- <img src="/static/images/Write.png" alt=""> -->
                                <span class="ansewer-list-info-ansewer" >回答</span>
                            </a>
                            <a target="_blank" href="#" th:href="@{issue?number={number}(number=${vos.number})}">[[${vos.answer}]]个回答</a>
                            <span class="dotted"></span>
                            <a target="_blank" href="#" th:href="@{issue?number={number}(number=${vos.number})}">[[${vos.browse}]]阅读</a>
                        </div>
                    </div>

                </div>
        </div>
    </span>
</div>

<!--8条数据 问答数据-->
<div th:fragment="qa">

    <div class="wonderful-ansewer-list">

        <div class="ansewer-list-item">

            <span class="pink-bg">1</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283030376335413248">口腔溃疡，舌苔有裂纹，是湿气重吗？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030376335413248">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030376335413248">1个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030376335413248">132阅读</a>
                </div>
            </div>
        </div>

        <div class="ansewer-list-item">
            <span class="pink-bg">2</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283030208420646912">口腔溃疡可以怎么医治？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030208420646912">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030208420646912">0个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283030208420646912">131阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span class="pink-bg">3</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283021870546948096">洗牙出血正常吗？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283021870546948096">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283021870546948096">2个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283021870546948096">167阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span>4</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283029374978887680">宝宝晚上磨牙是为什么？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283029374978887680">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283029374978887680">1个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283029374978887680">133阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span>5</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283032619843457024">怎样治龅牙?</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032619843457024">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032619843457024">2个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032619843457024">689阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span>6</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283018471344574464">拔牙后牙龈肿痛正常吗？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283018471344574464">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283018471344574464">1个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283018471344574464">128阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span>7</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283032300510121984">我的牙齿有点龅牙，能不能纠正？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032300510121984">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032300510121984">2个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283032300510121984">205阅读</a>
                </div>
            </div>

        </div>
        <div class="ansewer-list-item">

            <span>8</span>
            <div>
                <a target="_blank" class="ansewer-list-title" href="https://www.hasbei.com/qa/detail/202007141283020591506526208">蛀牙烂到牙根了，补牙会痛吗？</a>
                <div class="ansewer-list-info">
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283020591506526208">
                        <img src="../static/image/Write.png" style="width:10px;height:10px">
                        <span class="ansewer-list-info-ansewer">回答</span>
                    </a>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283020591506526208">2个回答</a>
                    <span class="dotted"></span>
                    <a target="_blank" href="https://www.hasbei.com/qa/detail/202007141283020591506526208">182阅读</a>
                </div>
            </div>

        </div>
    </div>
</div>

<!--文章数据-->
<div th:fragment="article">
    <a target="_blank" href="https://www.hasbei.com/zx/detail/202008131293748800380342272">

        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img src="../static/image/e3e11cdacc984150a7b84a827862f02b.jpg" alt="有贝口腔网缓解看牙前紧张的3个小妙招！"></div>
            <div class="allsee-item-right">缓解看牙前紧张的3个小妙招！</div>
        </div>


    </a>
    <a target="_blank" href="https://www.hasbei.com/zx/detail/202007021278362895452868608">

        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img src="../static/image/783c7586eb784746af8300205efd6372.jpg" alt="有贝口腔网常用补牙材料的优缺点"></div>
            <div class="allsee-item-right">常用补牙材料的优缺点</div>
        </div>


    </a>
    <a target="_blank" href="https://www.hasbei.com/zx/detail/202007021278397585945661440">

        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img src="../static/image/720a95d7981e45dba44a0a156f85d14e.jpg" alt="有贝口腔网只用一侧牙齿嚼食物？当心这些危害！"></div>
            <div class="allsee-item-right">只用一侧牙齿嚼食物？当心这些危害！</div>
        </div>


    </a>
    <a target="_blank" href="https://www.hasbei.com/zx/detail/202006201274270831538737152">

        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img src="../static/image/2c3665341b544863a64334e0cad674af.jpg" alt="有贝口腔网喝咖啡能够预防蛀牙"></div>
            <div class="allsee-item-right">喝咖啡能够预防蛀牙</div>
        </div>


    </a>
    <a target="_blank" href="https://www.hasbei.com/zx/detail/202007041279379202042368000">

        <div class="wonderful-item-line">
            <div class="allsee-item-left"><img src="../static/image/71d0cc394cc9401f919e77ba0f998f53.jpg" alt="有贝口腔网骨性龅牙矫正过程与适应症"></div>
            <div class="allsee-item-right">骨性龅牙矫正过程与适应症</div>
        </div>


    </a>
</div>

<div th:fragment="ranking">
    <ul>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202010151316650318724993024">
                <span class="other-bg">1</span><div>牙齿疾病有哪些？</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007021278360519505481728">
                <span class="other-bg">2</span><div>注意！吃烧烤也会导致蛀牙</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007021278381450923741184">
                <span class="other-bg">3</span><div>宝宝出牙时，父母应该怎么做？</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007041279379202042368000">
                <span>4</span><div>骨性龅牙矫正过程与适应症</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007041279249199963181056">
                <span>5</span><div>隐形矫正，又方便又美观</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202006201274269325095735296">
                <span>6</span><div>经常性牙痛的病因</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007021278397585945661440">
                <span>7</span><div>只用一侧牙齿嚼食物？当心这些危害！</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007021278373271322103808">
                <span>8</span><div>如何更好呵护你的种植牙</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007041279258542402048000">
                <span>9</span><div>舌侧隐形矫正的优点与适用人群</div>
            </a>
        </li>
        <li>
            <a href="https://www.hasbei.com/zx/detail/202007041279379350587838464">
                <span>10</span><div>龅牙可以矫正好吗？</div>
            </a>
        </li>
    </ul>
</div>